import React, { Component } from 'react';
import { observer } from 'mobx-react';

import dataStore from './stores/dataStore'

@observer
class About extends Component {

    constructor(props) {
        super(props);
        this.state = {
            h2Class: 'blue'
        }
    }

    switchColor() {
        this.setState({
            h2Class: 'red'
        })

    }

    render() {
        return (
            <div>
                <h2>{dataStore.aboutTitle}</h2>              
                <ul>
                    {dataStore.aboutList.map((item,index)=>{
                        return <li key={index}>{item.name}</li>
                    })}
                </ul>
            </div>

        )
    }
}

export default About;